<template>
	<view>
		<!--查询成绩的结果 -->
		<view class="form-box">
			<view class="form-item">
				<view class="item-label">学生学号</view>
				<view class="item-input-right">
					<view>{{scoreResultItem.s_id}}</view>
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">学生姓名</view>
				<view class="item-input-right">
					<view>{{scoreResultItem.s_name}}</view>
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">考试时间</view>
				<view class="item-input-right">
					<view>{{scoreResultItem.exam_time}}</view>
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">考试名称</view>
				<view class="item-input-right">
					<view>{{scoreResultItem.exam_name}}</view>
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">考试成绩</view>
				<view class="item-input-right">
					<view>{{scoreResultItem.score}}</view>
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">考试说明</view>
				<view class="item-input-right">
					<view>{{scoreResultItem.sc_mark}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"scoreResult",
		data(){
			return {
				
			}
		},
		props:["scoreResultItem"],
		created:function(){
			
		}
	}
</script>

<style scoped>
.form-box{
	margin-top: 50px;
	box-sizing: border-box;
	padding: 20px 20px;
	background: linear-gradient(to bottom,white,#f0f0f0);
}
.form-item{
	display: flex;
	flex-direction: row;
	min-height: 80px;
	margin-top: 10px;
	background-color: white;
	align-items: center;
}
.item-label{
	width: 170px;
	display: flex;
	height: 80px;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.item-input-right{
	flex: 1;
	display: flex;
	align-items: center;
}
.item-input-right>input{
	width: 100%;
	height: 80px;
}
</style>
